div.face_box .dialogMain {margin: 15px 50px;width: 755px; text-align:center;}
.hide{ display:none;}
.face_box_warp{z-index: 3000; position: fixed;  margin-left: -422px; top:50%;left:50%; margin-top: -282px;}
.face_box{border:1px solid #dfdfdf;width:855px; overflow: hidden; background-color: #fff; margin-top: 10px;}
.face_box_warp:before{content:'';background-color: rgba(0,0,0,0.8); height: 100%;width: 100%;position: fixed;left:0;top:0;}
div.face_box h3 {
    padding: 15px 0;
}
.f_r{ float:right;}
div.face_box h3 {
    background: url("/public/images/default/loginLine.png") no-repeat scroll center bottom transparent;
    color: #000;
    font-family: "黑体";
    font-size: 32px;
    letter-spacing: 2px;
}

div.face_box .dialogMain p {
    color: #535353;
    font-family: "黑体";
    font-size: 14px;
    margin-top: 15px;
}
div.face_box div.face-body {
    max-height: 800px;
    padding: 0;
}
.face-body {
    max-height: 400px;
    overflow-y: auto;
    padding: 15px;
    position: relative;
}
.modalTab {
    margin: 35px 0;
}

div.face_box div.face-body p {
    margin-bottom: 15px;
    overflow: hidden;
}
.modalTab p {
    border: 1px solid #ebebeb;
    height: 39px;
    line-height: 39px;
    margin: 0 auto;
    width: 491px;
}
.modalTab p span.cursor {
    background: none repeat scroll 0 0 #e6e6e6;
    color: #018dbe;
}
.modalTab p span {
    color: #595959;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
div .face-body #login-form, div .face-body #reg-form {
    padding-left:52px;
}
div.face_box div.face-body p {
    margin-bottom: 15px;
    overflow: hidden;
}
div.face_box label {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    text-align: right;
    width: 80px;
}
div.face_box div.face-body p label {
    display: inline-block;
    float: left;
    line-height: 30px;
    text-align: right;
}
.txt-input {
    height: 20px;
    line-height: 18px;
    padding: 5px;
    width: 220px;
}
div.face_box input.txt-input {
    border: 1px solid #bfbfbf;
    float: left;
    height: 28px;
    line-height: 28px;
    width: 480px;
}

a.blue-btn {
    background-color: #008ebd;
    color: #fff;
    display: inline-block;
    line-height: 20px;
    padding: 3px 20px;
}
a, a:visited {
    color: #707070;
    text-decoration: none;
}
div.face_box p.tools {
    line-height: 26px;
    margin: 15px 0;
    padding: 0;
}
div.face_box p a:hover,div.face_box .serviceTerm span a:hover{ text-decoration:underline;}
div.face_box div.face-body p.tools a.blue-btn:hover{ text-decoration:none;}
div.face_box p a.f-r {
    color: #80c6e0;
    display: inline-block;
    float: left;
    margin-left:80px;
}
div.face_box div.face-body p.tools a.blue-btn {
    background: none repeat scroll 0 0 #e6e6e6;
    border: 1px solid #d9d9d9;
    color: #595959;
    font-size: 18px;
    margin-left: 230px;
    padding: 10px 20px;
}
div.face_box div.face-body #reg-form p.tools a.blue-btn {
    margin-left: 370px;
}
/*.anthorLogin{ margin-top:45px;}*/
.anthorLogin p{ text-align:center; color:#232323; font-size:16px; font-family:"黑体";}
.anthorLogin p a{ display:inline-block; width:231px; height:48px; margin:0 5px;}
.anthorLogin p a.wbBtn{ background:url(/public/images/default/wbBtn.png) no-repeat;}
.anthorLogin p a.txBtn{ background:url(/public/images/default/txBtn.png) no-repeat;}
.anthorLogin p a.weixinBtn{ background:url(/public/images/default/weixinBtn.png) no-repeat;}
div.face_box .serviceTerm {
    background: none repeat scroll 0 0 #f2f2f2;
    border-top: 1px solid #f5f5f5;
    height: 50px;
    line-height:45px;
}
div.face_box .serviceTerm span a {
    color: #575757;
    font-size: 14px;
    padding-right: 35px;
}

@media only screen and (max-width:959px){
	.face_box{ width:96%; margin:0 auto;}
}

@media only screen and (max-width:860px){
    .login-form{display: none}
    .modalTab{width: 100% !important; margin-bottom: 15px !important;}
    .modalTab p{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 45px !important; height:45px !important; font-size: 18px;}
    .face_box{ width:100%;border: none;padding: 0 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden}
    div.face_box .dialogMain{width: 100%;margin: auto}
    div.face_box .serviceTerm{display: none}
    div .face-body #login-form, div .face-body #reg-form{padding-left: 0}
    div.face_box div.face-body p label {float: none; display:block;width: 100%;display: none}
    div.face_box input.txt-inputP{width: 100%; display: block;}
    div.face_box div.face-body p.tools a.blue-btn {
        background: none repeat scroll 0 0 #595959;
        line-height: 30px;display: block;
        width: 100%;
        border: 0;
        color: #fff;
        font-size: 20px;
        margin-left: 0;
        padding: 0;
        height: 50px;
        line-height: 50px;
    }
    div.face_box input.txt-input{width: 100%;float: none;border: none;background-color: #f7f7f7;height: 40px;line-height: 40px}
    div.face_box p a.f-r{float: none;display: block;text-align: right;margin-bottom: 5px}
    div.face_box div.face-body #reg-form p.tools a.blue-btn{margin-left: 0}
    .anthorLogin p a{margin: 0}
    .anthorLogin p a.wbBtn{width: 49%; float: left; background: #f07361 url("/public/images/default/wbBtn.png") no-repeat scroll 50%;margin-top: 10px;}
    .anthorLogin p a.txBtn{width: 49%; float: right; background:#80c6df url("/public/images/default/txBtn.png") no-repeat scroll 50% ;margin-top: 10px;}
    .anthorLogin p a.weixinBtn{width: 100%; float: left; margin-top: 10px;background: #8cc63e url("/public/images/default/weixinBtn.png") no-repeat scroll 50%;}
}

@media only screen and (max-width:490px){
    .anthorLogin p a.wbBtn{width: 100%}
    .anthorLogin p a.txBtn{width: 100%}
    .anthorLogin p a.weixinBtn{width: 100%}
}